﻿<%@ Page Language="C#" %>

<%@ Import Namespace="wojilu" %>
<%@ Import Namespace="wojilu.View" %>
<%@ Import Namespace="wojilu.Web.Controller" %>
<%@ Import Namespace="wojilu.Apps.Qycms.Domain" %>
<%var lngs = v.data("lngs") as String; %>
<%var read = v.data("read") as System.Data.DataRow; %>
<%ctx.setItem("menuid", "3"); %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wb="”http://open.weibo.com/wb”">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>#{pageTitle}</title>
    <meta name="Keywords" content="#{pageKeywords}" />
    <meta name="description" content="#{pageDescription}" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="expires" content="0" />
    <link href="#{templates}css/style.css" rel="stylesheet" />
    <link href="#{templates}css/top.css" rel="stylesheet" />
    <script type="text/javascript" src="#{templates}js/jq1.91.js"></script>
    <link rel="stylesheet" href="#{templates}css/base.css" type="text/css" />
    <link rel="stylesheet" href="#{templates}css/style.css" type="text/css" />
    <link rel="stylesheet" href="#{templates}css/global.css" type="text/css" />
    <link rel="stylesheet" href="#{templates}css/page.css" type="text/css" />
    <link rel="stylesheet" href="#{templates}css/service.css" type="text/css" />
    <script type="text/javascript" src="#{templates}js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="#{templates}js/index_top.js"></script>
    <!--[if IE 6]>
	<script src="#{templates}js/IE6PNG.js"></script>
	<script type="text/javascript">
        IE6PNG.fix('.png, #header img,  #slider-range a');
        //IE6PNG.fix('.png, #header img, .topBorder, .leftBorder, .rightBorder, .bottomBorder, .corner,.bproResult_contL img');
	</script>
 <![endif]-->
    <link rel="stylesheet" href="#{templates}css/news.css" type="text/css" />
    <script type="text/javascript" src="#{templates}js/geelyShow.js"></script>
</head>
<body class="hrBg bgAtt">
    #{top}
        <!--/*++++++++内容++++++++*/-->
    <div class="insideCon hrCon1">

        <link rel="stylesheet" type="text/css" href="#{templates}css/demo.css" />
        <link rel="stylesheet" type="text/css" href="#{templates}css/component.css" />
        <script type="text/javascript" src="#{templates}js/modernizr.custom.js"></script>

        <!-- 代码 开始 -->
        <div class="container">
            <%var typeread = v.data("typeread") as TypeList; %>
            <%var pagelist = v.data("pagelist") as DataPage<Document>; %>
            <header class="clearfix">
				<span>Park Facilities<span class="bp-icon bp-icon-about" data-content="<%=YBBCommon.DelHtml(typeread.content)  %>"></span></span>
				<h1><%=typeread.typename %></h1>
				<nav>
                    <%if (pagelist.PageCount == 1) { %>
					<a href="<%=typeread.glink %>" class="bp-icon bp-icon-prev" data-info="回到上一页"><span>回到上一页</span></a>
					<a href="<%=typeread.glink %>" class="bp-icon bp-icon-next" data-info="回到下一页"><span>回到下一页</span></a><%} else { %>
                    <%if (pagelist.Current > 1) {%>
                    <a href="<%=typeread.glink + "/p" + pagelist.Current %>" class="bp-icon bp-icon-prev" data-info="回到上一页"><span>回到上一页</span></a>
                    <%} %>
                    <%if (pagelist.Current < pagelist.PageCount) { %>
                    <a href="<%=typeread.glink + "/p" + pagelist.Current %>" class="bp-icon bp-icon-next" data-info="回到下一页"><span>回到下一页</span></a>
                    <%} %>
                    <%} %>
                    <%var t = YBBCommon.GetMenu(6); %>
					<a href="<%=t.glink %>" class="bp-icon bp-icon-drop" data-info="返回主栏目"><span>返回主栏目</span></a>
					<a href="#{dir}" class="bp-icon bp-icon-archive" data-info="主页"><span>主页</span></a>
				</nav>
			</header>
            <div id="grid-gallery" class="grid-gallery">

                <%var i = 0; %>
                <%if (pagelist.RecordCount > 0) { %>
                <%i++; %>
                <%if (i <= 24) { %>
                <%if (i == 1) { %><section class="grid-wrap">
					<ul class="grid">
						<li class="grid-sizer"></li><!-- for Masonry column width --><%} %>
                        <%foreach (var row1 in pagelist.Results) { %>
						<li>
							<figure>
								<img src="<%=row1.pic %>" alt="<%=row1.title %>"/>
								<figcaption><h3><%=row1.title %></h3><p><%=row1.summary %></p></figcaption>
							</figure>
						</li>
                        <%} %>
					<%if (i == 24 || (i < 24 && i == pagelist.RecordCount)) { %></ul>
				</section>
                <!-- // grid-wrap -->
                <%} %>
                <%} %>
                <%i = 0; %>
                <%if (pagelist.RecordCount > 0)  { %>
                <%i++; %>
                <%if (i == 1) { %><section class="slideshow">
					<ul><%} %>
                        <%foreach (var row1 in pagelist.Results)  { %>
						<li>
							<figure>
								<figcaption>
									<h3><%=row1.title %></h3>
                                    <%var dc = Document_Content.find(" did =:d").set("d", row1.Id).first();%>
									<p><%=dc.content %></p>
								</figcaption>
								<img src="#{templates}images/large/1.png" alt="img01"/>
							</figure>
						</li>
                        <%} %>
					<%if (i == 24 || (i < 24 && i == pagelist.RecordCount)) { %></ul>
					<nav>
						<span class="icon nav-prev"></span>
						<span class="icon nav-next"></span>
						<span class="icon nav-close"></span>
					</nav>
					<div class="info-keys icon">点击图片放大，键盘左右键可控制上下图片展示</div>
				</section>
                <!-- // slideshow -->
                <%} %>
                <%} %><%} %>
            </div>
            <!-- // grid-gallery -->
        </div>
        <script type="text/javascript" src="#{templates}js/imagesloaded.pkgd.min.js"></script>
        <script type="text/javascript" src="#{templates}js/masonry.pkgd.min.js"></script>
        <script type="text/javascript" src="#{templates}js/classie.js"></script>
        <script type="text/javascript" src="#{templates}js/cbpgridgallery.js"></script>

        <!-- 代码 结束 -->
        <script type="text/javascript">
            new CBPGridGallery(document.getElementById('grid-gallery'));
        </script>
    </div>
    #{bottom}
        <!--新闻JS-->
    <script src="#{templates}js/geely.js" type="text/javascript"></script>
    <script type="text/javascript" src="#{templates}js/scroll_intro.js"></script>
    <script type="text/javascript" src="#{templates}js/scroll_news.js"></script>
</body>
</html>
<script type="text/javascript">
    var gg = new Gallery("gallery", 3);
</script>